<template>
    <div class="risk-item-control">
        <el-tabs v-model="activeKey">
            <el-tab-pane label="相关性数据" name="static-entry-control">
                <OrginalBoundCfg :type="cache" />
            </el-tab-pane>
            <el-tab-pane label="统计性数据" name="static-entry-branch">
                <TableMemary :type="cache" />
            </el-tab-pane>
            <el-tab-pane label="静态条目" name="static-entry">
                <StaticEntry v-if="activeKey === 'static-entry'" :type="cache"></StaticEntry>
            </el-tab-pane>
            <el-tab-pane label="静态分支" name="static-branch">
                <StaticBranch v-if="activeKey === 'static-branch'" :type="cache"></StaticBranch>
            </el-tab-pane>
            <el-tab-pane label="分支额外值" name="static-entry-cfg">
                <StaticBranchExtraCfg v-if="activeKey === 'static-entry-cfg'" :type="cache" />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import OrginalBoundCfg from './cache/orginal-boundCfg.vue';
import StaticBranchExtraCfg from './cache/static-branch-extraCfg.vue';
import StaticBranch from './cache/static-branch.vue';
import StaticEntry from './cache/static-entry.vue';
import TableMemary from './cache/table-memary.vue';
@Component({
    name: 'Cache',
    components: {
        OrginalBoundCfg,
        TableMemary,
        StaticEntry,
        StaticBranch,
        StaticBranchExtraCfg,
    },
})
export default class Cache extends Vue {
    private cache: string = 'cache';
    private activeKey: string = 'static-entry-control';
}
</script>
<style lang="scss" scoped>
/deep/ .el-tabs__content {
    overflow: auto;
}
</style>
